
/**
 * 创建普通图表
 * @param id 容器ID
 * @param color  柱形背景颜色，如：#2f4554
 * @param title 标题，如：类目借阅排行榜
 * @param xDatas X轴数据数组，如：['星期一', '星期二', '星期三', '星期四']
 * @param valueDatas Y轴数组，如：[5.21, 6, 10, 6]
 * @returns
 */
function initEcharts(id, color, title, xDatas, valueDatas) {

	var option = {
		color: [color],
		tooltip : {
			trigger: 'axis',
			axisPointer : {            // 坐标轴指示器，坐标轴触发有效
				type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
			}
		},
		legend: {
			data:[title]
		},
		grid: {
			left: '3%',
			right: '4%',
			bottom: '3%',
			containLabel: true
		},
		xAxis : [
			{
				type : 'category',
				data: xDatas
			}
		],
		yAxis : [
			{
				type : 'value'
			}
		],
		series : [
			{
				name:title,
				type:'bar',
				data: valueDatas,
				markPoint: {
					data: [
						{type: 'max', name: '最大值'},
						{type: 'min', name: '最小值'}
					]
				},
				markLine: {
					data: [
						{type: 'average', name: '平均值'}
					]
				}
			}
		]
	};
	echarts.init(document.getElementById(id)).setOption(option);
}

/**
 * 创建百分比图表
 * @param id 容器ID
 * @param color  柱形背景颜色，如：#2f4554
 * @param title 标题，如：类目借阅排行榜
 * @param xDatas X轴数据数组，如：['星期一', '星期二', '星期三', '星期四']
 * @param valueDatas Y轴数组，如：[5.21, 6, 10, 6]
 * @returns
 */
function initEchartsOfPercent(id, color, title, xDatas, valueDatas) {

	var option = {
		color: [color],
		tooltip : {
			trigger: 'axis',
			axisPointer : {            // 坐标轴指示器，坐标轴触发有效
				type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
			},
			textStyle: {
				fontSize: '50'
			},
			formatter:'{c}%'
		},
		legend: {
			data:[title]
		},
		grid: {
			left: '3%',
			right: '4%',
			bottom: '3%',
			containLabel: true
		},
		xAxis : [
			{
				type : 'category',
				data: xDatas,
				axisLabel: {
					textStyle: {
						fontSize:'50'
					}
				}
			}
		],
		yAxis : [
			{
				type : 'value'
			}
		],
		series : [
			{
				name:title,
				type:'bar',
				label: {
					normal: {
						show: true,
						position: 'insideRight',
						formatter: '{c}%'
					}
				},
				data: valueDatas,
				markPoint: {
					data: [
						{type: 'max', name: '最大值'},
						{type: 'min', name: '最小值'}
					]
				},
				markLine: {
					data: [
						{type: 'average', name: '平均值'}
					]
				}
			}
		]
	};
	echarts.init(document.getElementById(id)).setOption(option);
}

/**
 * 销毁图表
 * @param id
 * @returns
 */
function disposeEcharts(id) {
	echarts.init(document.getElementById(id)).dispose();
}